<div ng-controller="one" class="loading">
    <style type="text/css">
        *{margin:auto;padding:0}

    </style>
    <script type="text/javascript">
        //初始化画布
        $(document).ready(function(){
            var height=498+'px';
            var width=100+'%';
            $("#signature").jSignature({height:height,width:width,color:"#000",lineWidth:4});
        })
        //重置画布
        function clearSig(){
            $("#signature").jSignature("clear");
            $("#img").attr("src"," ");
            $("#aaa").text(" ");
        }
        //将画布内容显示到IMG
        function importImg(){
            var sig=$("#signature");
            $("#img").attr("src","data:"+sig.jSignature('getData'));
            alert(sig.jSignature("getData"));
            $("#aaa").text(sig.jSignature('getData'));
        }
    </script>
    <!--<f-card style="background-color:#0197D6 ">-->
        <!--<f-back ng-click="sixteen()"><</f-back>-->
        <!--<f-dropdown style="width:80%;margin-left: 0">签字</f-dropdown>-->
    <!--</f-card>-->

    <f-title style="background-color:#0197D6 ">
        <f-back ng-click="sixteen()">〈</f-back>
        签字
    </f-title>


    <f-card>
        <f-card>
            <f-hint style="margin-bottom:30px;font-size: 14px">客户签字</f-hint>
<!--            <f-operation  onclick="importImg()">获取</f-operation>-->
<!--            <f-operation  onclick="clearSig()">重置</f-operation>-->
        </f-card>
    </f-card>
    <f-card style="margin-top:-40px">
        <f-upload style="color: black ;height:500px">
            <div id="signature"></div>
            <!--  <f-uploadto style="margin-top:200px;font-size: 12px"><img src="../img/photo.png" style="width: 90%;height: 52px;background-color: white">拍照/扫描</f-uploadto> -->
        </f-upload>
    </f-card>
    <!-- 签名的img显示
<div>
<img id="img" style="width: 100%"/>
</div>
-->
    <f-card style="background-color: white">
        <f-buttongroup style="margin-top: 20px;width: 100%;background-color: white;" >
            <f-button ng-click="az2()" style="margin-left: 20%;    width: 55%;
    height: 40px;
    font-size: 16px;
    border-radius: 20px;
    margin-top: 15px;
    line-height: 40px;
    margin-bottom: 20px;">下一步</f-button>
        </f-buttongroup>
    </f-card>
    <script src="../js/frui.js"></script>
	<script src="../js/loading.js"></script>
</div>